<template>
  <div>
    <!-- 标签 -->
    <van-tabs class="bbbb"   >
      <van-tab v-for="(item, index) in arrs" :title="item.name" :key="index" >
        {{ item.name }}
      </van-tab>
    </van-tabs>

    <div class="aaaccc" >
      <van-icon name="more-o" />
      <van-icon name="bullhorn-o" />
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      arrs: [
        { name: "推荐" },
        { name: "要闻" },
        { name: "思想" },
        { name: "主题教育" },
        { name: "亮点" },
        { name: "本地" },
        { name: "综合" },
        { name: "县级融媒" },
        { name: "实播中国" },
        { name: "快闪" },
      ],
    };
  },
};
</script>

<style scoped>
.aaaccc {
  width: 3em;
  height: 40px;
  background-color: rgb(255, 255, 255);
  font-size: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 50px;
}
.bbbb {
  position: relative;
  width: calc(100% - 3em);
}
</style>